@charset "utf-8";
/* CSS Document */

*{ margin:0px; padding:0px;}
body {  font-family: "Microsoft YaHei","Arial","SimHei"; font-size:13px; line-height:24px; color:#555; text-decoration:none; background:#fff;}
a { color:#555; text-decoration:none;}
a:hover { color:#555; text-decoration:none;}
img { border:0;}
ul,li { list-style-type:none;}
div,dl,dt,dd,p,h1,h2,h3,h4,h5,h6{ margin: 0px; padding: 0px;}
blockquote,sub{margin:auto}

.head{width:100%;height:105px; background:#fff;}
.header { width:1200px; height:105px; overflow:hidden; margin:0px auto;}
.header .logo { width: auto;max-height: 105px; float:left;}
.header .logo img { width: auto;max-height: 105px;}
.header .tel { width:300px; height:42px; float:right; text-align:right; margin-top:36px;}
/*搜索*/
.search { float: right;height:42px; width: 358px; margin-top:36px;}
.search_text { width: 278px; height: 40px; border: 1px solid #D3D3D3; float: left;	padding-left: 5px; line-height: 38px; font-size: 14px; color:#666; font-family:"微软雅黑";}
.search_but { height: 42px;	width:70px; background:#E3611D; cursor: pointer; float: right; border: 0px none;font-size: 15px;color:#fff; font-family:"微软雅黑";}

/*nav*/
.nav-wrap { width:100%; height:45px; background:#2A388F;}
.nav{ width:1200px; height:45px; margin:0px auto;}
.nav ul{ width:1040px;}
.nav li{float:left;}
.nav li a{float:left;}
.inmenu:link,.inmenu:visited{color: #fff; font-size:15px; line-height:45px; height:45px; text-align:center; text-transform:uppercase; padding-left:30px; padding-right:30px;}
.inmenu:hover,.inmenu:active{color: #fff; background:#E35B41; text-decoration:none; transition:1s all; text-transform:uppercase;}

.nav li:hover{position:relative; z-index:9999999999; background:#2A388F;}
.nav li:hover ul{display:block;}
.nav li:hover a{background:#E35B41;}/*
.nav li:hover ul li a{background:#2A388F;}
*/
.nav li ul{display:none;position:absolute;top:45px;left:0; z-index:9999; border-top:5px solid #2A388F; border-bottom:0px solid #2A388F;width:auto;}
.nav li ul li{float:none;text-align:left;}
.nav li ul li a{float:none;display:block;background:#2A388F !important;color:#FFF;white-space:nowrap;height:36px;line-height:36px;text-transform:capitalize;text-overflow:ellipsis; min-width:145px;*width:145px; text-align:left;color:#FFF; padding-left:30px;padding-right:30px;}
.nav li ul li a:hover{}

.nav li ul ul{left:200px;margin:0px;padding:0px;visibility:hidden}
.nav li ul ul li a{width:auto;padding:0 21px; text-decoration:none;background:#2A388F;}
.nav li li:hover>ul{visibility:visible;margin:0px;padding:0px;top:0px; display:block;transition:.3s all;}

.lan{ float:right; width:120px; padding-top:12px; text-align:right}
.lan img{ margin-left:7px;}
/*banner*/
#banner{clear:both;min-width:1200px;background:#ddd;width: 100%;margin: 0px auto;}
.slider_img{display: block;text-align: center;height: 100%;}
.slider_img img{display:inline-block!important;margin:0px 0;max-width:100%;width: auto;height: auto;display:block;}
.wmuSlider{height:100%!important;position:relative;overflow:hidden;}

.bbdd{z-index: 2;position: absolute;bottom: 2%;margin: 0;padding: 0; width:100%; text-align:center;}
.bbdd li{margin: 0 8px 10px 0;list-style-type: none; display:inline-block;}
.bbdd a{display:inline-block;text-indent: -9999px;width:16px;height:16px; background: url(dot.png) no-repeat 0 -16px;display: block;border-radius:16px; overflow:hidden }
.bbdd a.wmuActive{background-position: 0 0;}
.banner{width:100%;text-align:center; margin:0 auto;margin-bottom:10px;background:#eee;}
.banner img{min-width:1200px;max-width:100%;}

.wmuSliderPrev,.wmuSliderNext{width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.wmuSliderNext {background-position: 0 -70px;right: 0;}
.wmuSliderPrev {left: 0;}
.wmuSlider:hover .wmuSliderNext {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderPrev {opacity: 0.8;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderNext:hover,
.wmuSlider:hover .wmuSliderPrev:hover {opacity: 1;filter: alpha(opacity=50);}


/*关键词*/
.keyword-wrap { width:100%; height:50px; background:#f7f7f7; border-bottom:1px solid #e7e7e7;}
.keyword {width: 1200px; margin:0px auto; height:50px; line-height:50px; font-size:13px;}
.keyword ul { float: left; width: 655px;}
.keyword ul li { float: left; margin-left: 4px;	margin-right: 4px;}
.keyword ul li span { font-weight: bold; font-size: 13px; color:#0f52b4;}


/*首页产品推荐*/
.main { width:1200px; height:auto; overflow: hidden; margin:50px auto;}
.h-title {
	background: url(/images/index_23.png) no-repeat center bottom;
	padding-bottom: 10px;
	margin: 0px auto;
	margin-bottom: 30px;
	width: 100%;
}
.h-title h2 {
	text-align: center;
	font-size: 30px;
	color: #2A3890;
	font-weight:normal;
	line-height: 45px;
}


.main-cls{width:100%;overflow: hidden; background:#F3F3F3;}

#tab0{margin:0 auto; width:1200px;}
#tab0 .tab_title{ width:1200px; overflow:hidden; text-align:center }
#tab0 .tab_title a{ display:inline-table; width:150px; height:40px; line-height:40px; font-size:18px; border:1px solid #777777; border-radius:10px; line-height:40px; margin-left:20px; margin-right:20px}
#tab0 .tab_title a.cur{ color:#fff;border:1px solid #2A3890;background:#2A3890; color:#fff;}

#tab0 .tab_details{width:1200px; overflow:hidden; margin:30px 0px 0px;}
#tab0 .tab_details  ul {width:1200px; min-height:320px;overflow:hidden;}
#tab0 .tab_details  ul li{width:284px; float:left; margin:5px 8px; overflow:hidden}
#tab0 .tab_details  ul li img{display:block; width:282px; height:282px;border:0px solid #C8C8C8;border:1px solid #eee;}
#tab0 .tab_details  ul li .tt{   
    width: 284px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
	text-align:center;
	display:block;
	}
#tab0 .tab_details  ul li .tt a	{color: #1F1F1F;font-size: 16px;}

.promore {
	width: 100%;
	text-align: center;
	float: left;
	position: relative
}
.promore a {
    display: block;
    border: 1px solid #2A3890;
    width: 100px;
    height: 40px;
    padding: 0 24px;
    line-height: 40px;
    margin: 0 auto;
	text-align:center;
	color:#2A3890;
	font-size:15px;
	border-radius:20px;
}

.home-adv { width:100%; overflow:hidden; background:#27B051; text-align:center }


.home-abo{width:100%; overflow: hidden; background:#F5F5F5;}
.home-abo .cont{ color:#000; font-size:15px; width:570px; float:right; overflow:hidden; min-height:450px;}
.home-abo .h-title{ background-position:left bottom;}
.home-abo .h-title h2{ text-align:left}
.home-abo .promore a{margin: 0;}

.main-case { width:100%; overflow:hidden; }


/*news*/
.main-news { background:#F6F6F6;width:100%; overflow:hidden;}
.main-news .news-left { width:525px; overflow:hidden; float:left;}
.main-news .news-left a{ width:525px; overflow:hidden; float:left;}
.main-news .news-left a img{ width:525px; height:355px;}

.main-news .news-left .title { position:absolute; z-index:2; margin-top:315px; background:rgba(78,78,76,0.8); width:485px; padding:0px 20px;  height:40px; line-height:40px; overflow: hidden;word-break:keep-all;white-space:nowrap; text-overflow:ellipsis; color:#fff; font-size:14px}
.main-news .news-left .title span{ float:right}

.home-news { width:645px; overflow:hidden;  float:right}
.home-news ul{width:645px; overflow:hidden}
.home-news li{ float:left; width:645px; height:90px; overflow:hidden; margin-bottom:23px; border-bottom:0px dashed #ccc; padding:0px 0px 15px 0px;  }
.home-news li .time{ height:70px; width:100px; padding:15px 0; line-height:24px; overflow:hidden; float:left; background:#E9E9E9; text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#303030;}
.home-news li .time .time-day{ font-size:28px;  line-height:36px;}
.home-news li .time .time-date{ font-size:16px;}
.home-news li .cont{ float:right; width:520px; line-height:24px; font-size:14px; color:#8D8D8D; height:84px; overflow:hidden}
.home-news li .cont a{ line-height:36px; height:36px;  width:520px;float:left; overflow:hidden; font-size:20px; color:#303030; word-break:keep-all;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*footer*/
.foot { width:100%; background:#323232; margin-top:55px; color:#fff; overflow:hidden}
.foot .copy{width:1200px; overflow:hidden; margin:30px auto;}
.foot .copy td{ vertical-align:top;}
.foot .copy td h3{ margin-bottom:10px; text-align:left;}
.foot .copy td h3 a{ font-size:16px;color:#fff; font-weight:normal;}
.foot .copy td li{ line-height:24px; color:#D1D1D1; font-size:14px; float:left; width:200px;}
.foot .copy td li a{color:#D1D1D1; font-size:14px}
.copyright{ width:100%;border-top:1px solid #4F4F4F; padding:5px 0; background:#323232; text-align:center; color:#AEAEAE; font-size:12px}

.box { float:left; margin-left:170px; width:345px; }
.box .feed_t{ width:341px; height:31px; background:#fff; border:none; line-height:31px; text-indent:12px; color:#656565; *text-indent:0; *width:339px; *padding-left:12px;}
.box .feed_c{ width:321px; height:81px; background:#fff; border:none; padding:10px; color:#656565;}
.box .feed_b{ width:84px; height:30px; background:#EE4547; color:#fff; text-align:center; border:none;}

.foot .code{ float:right; }
/*banner-inner*/
.inner-banner { width:100%; text-align:center; background:#F5D390}
.inner-banner img { max-width:100%; }

/*inner left*/
/*inner*/
.inner { width:1200px; background:#fff; margin:0px auto;overflow:hidden; padding-bottom:20px; margin-top:15px;}
.inner .inner-l { width:280px; float:left;background:#E9E9E9;}
.inner-title { width:280px; height:54px; overflow: hidden;  background:#2A3890; line-height:54px; text-indent:20px; color:#fff; font-size:24px; font-weight:bold;}
.inner-title span{ font-weight:normal; font-size:16px; color:#AAB1DA;}

.contact{ width:280px; overflow:hidden}
.contact .cont{ padding:5px 20px; color:#272727; line-height:30px;}
.contact .inner-title{ background:#E35B41;}
.contact .inner-title span{ font-weight:normal; font-size:16px; color:#EFA89B;}

.inner .inner-r { width:880px; float:right; overflow:hidden}

ul.sf-menu {clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:500;width:280px;color:#191919;}
ul.sf-menu li {zoom:1;margin:0px; }
ul.sf-menu li a {text-transform:capitalize; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:42px;line-height:40px;font-size:15px;padding-left: 30px;background: url(/images/neiye_12.png) no-repeat 12px 17px; border-bottom:2px solid #fff;color:#181818;}
ul.sf-menu li a:hover, ul.sf-menu li a:active {background:url(/images/neiye_09.png) no-repeat 12px 17px;font-size:15px; color:#2A3890;}

ul.sf-menu ul {width:100%;margin:0px;padding:0px;text-transform:capitalize; background:#fff; padding-bottom:10px;}
ul.sf-menu ul li a {font-weight:normal;line-height:35px;border-bottom:1px dashed #ccc;height:35px;color:#444;font-size:14px; background:none;}
ul.sf-menu ul li a.hover, ul.sf-menu ul li a:hover {text-decoration:none;color:#2A3890;font-size:14px; font-weight:normal;background:none;}


.inner-position { width:100%; height:54px; background:#2A3890 url(/images/neiye_05.png) no-repeat 15px center; font-size:14px; color:#B3B7D2; line-height:54px; text-indent:30px;}
.inner-position a { color:#B3B7D2;}

/*about*/
.inner-abo { width:840px; margin:20px; font-size:16px;}
.inner-abo img{ max-width:840px;}

/* productlist */
.pro_lb0{width: 100%;overflow: hidden;}
.pro_lb0 ul{width: 100%;overflow: hidden;}
.pro_lb0 ul li{width: 733px;padding: 10px;border: 1px solid #ccc;position: relative;margin-bottom: 30px;overflow: hidden;}
.pro_lb0 ul li .proimg{float: left;width: 288px;}
.pro_lb0 ul li .proimg a{display: block; border:4px solid #ddd;background:#fff url(/images/pro.jpg) no-repeat center center; background-size:280px 210px;}
.pro_lb0 ul li .proimg a img{width: 280px; height:210px;}
.pro_lb0 ul li .proimg a:hover{ border:4px solid #2AA9E0;}

.pro_lb0 ul li dl{float: right;width:425px;padding-top: 10px;overflow: hidden;}
.pro_lb0 ul li dl dt{font-size: 18px;color: #333; font-weight:bold;line-height: 120%;margin-bottom: 10px;overflow: hidden;}
.pro_lb0 ul li dl dt a{display: block;color: #333;}
.pro_lb0 ul li dl dt a:hover{color: #257dff;}
.pro_lb0 ul li dl dd{font-size: 14px;color: #999;line-height: 24px;margin-bottom: 10px;overflow: hidden; height:120px;white-space:pre-line;}
.pro_more{display: block;width: 105px; height: 32px; font-size: 15px;color: #fff; line-height: 32px; text-align: center; margin-top: 10px;background-color: #68ACE2;vertical-align: middle;display: inline-block;position: relative;}
.pro_more:hover{color: #fff;}
/*products*/
.inner-pro { width:870px; margin:20px auto; overflow:hidden;}
.inner-pro ul {width:870px;}
.inner-pro ul li{width:260px; float:left; margin:0px 15px 25px 15px;}
.inner-pro li img{display:block; width:258px; height:258px;border:1px solid #ccc;}
.inner-pro li img:hover {border:1px solid #2A3890;}
.inner-pro li span{display:block; margin:8px 0px;background:url('s02.gif') no-repeat; font-size:14px; border-bottom:0px dashed #ccc;text-align:center; word-break:keep-all;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
/*newslist*/

.ipro-news { width:1200px; overflow:hidden;}
.ipro-news .inner-position{width:1200px;}
.ipro-news ul{width:1160px; margin:20px; overflow:hidden}
.ipro-news li{ float:left; width:1100px; height:70px; overflow:hidden; margin-bottom:20px; border-bottom:1px dashed #ccc; padding:0px 30px 20px 30px;  }
.ipro-news li .time{ height:50px; width:80px; padding:10px 0; line-height:20px; overflow:hidden; float:left; background:#3CB34B; text-align:center; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#fff;}
.ipro-news li .time strong{ font-size:28px; font-weight:bold; line-height:30px;}
.ipro-news li .cont{ float:right; width:1200px; line-height:18px; height:72px; overflow:hidden}
.ipro-news li .cont a{ line-height:36px; height:36px;  width:1200px;float:left; overflow:hidden; font-size:16px; color:#444; word-break:keep-all;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*news*/
.news-list { width:850px; margin:20px auto;}
.news-list li { width:830px; border-bottom:1px dashed #ccc; padding:10px}
.news-list li:hover { background:#eee; transition:0.5s all;}
.news-list li strong { display:block; font-weight:500; font-size:15px; background: url(point1.jpg) no-repeat 0px 8px; width:810px; padding-left:20px;}
.news-list li strong a { color:#222;}
.news-list li strong span { font-size:12px; color:#66c245; margin-left:10px;}
.news-list li p { display:block; font-weight: normal; font-size:12px; line-height:20px; width:830px; color:#888;}
.news-list li:hover strong a { color:#66c245; transition:0.5s all;}

/*pages*/
.pages,.npage{clear:both; text-align:center; font-size:12px; padding:15px 0 0px 0;color:#b2b2b2;}
.pages a,.pages span{display:inline-block; height:24px;padding:0 2px; margin:0 2px!important; line-height:24px; border:1px solid #333; background:#333; padding:0px 8px; color: #fff;}
.pages a:link,.pages a:visited {color: #fff; line-height:24px; border:1px solid #333; background:#333; padding:0px 8px;}
.pages a:hover,.pages a:active,.pages span.ctxt{color:#fff; text-decoration:none; border:1px solid #66c245; padding:0px 8px; background:#66c245;}

.page_nav {
	clear:both; text-align:center; font-size:12px; padding:15px 0 0px 0;color:#b2b2b2;
}
.page_nav A {
	border:#E0DEDE 1px solid; padding:2px 5px; color: #296297; margin-right: 2px; text-decoration:none
}
.page_nav A:hover {
	border:#E0DEDE 1px solid; color: #C4261D; background-color: lightyellow
}
.pagination A:active {
	border:#E0DEDE 1px solid; color: #000; background-color: lightyellow
}
.page_nav SPAN.current {
	border:#E0DEDE 1px solid; padding:2px 5px; font-weight: bold; color: #fff; margin-right: 2px; background-color: #66c245
}
.page_nav SPAN.disabled {
	border:#E0DEDE 1px solid; padding:2px 5px; color: #696A6A; margin-right: 2px;
}

/*newdetail*/
.news-content { width:840px; margin:20px;  font-size:14px; overflow:hidden;}
.newsTitle {clear:both; width:100%;margin:0px auto;text-align:center;font-size:24px;color:#313131;line-height:32px; }
.newsPic{ width:100%;margin:15px auto;text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:30px 0;}
.newsPic img{ max-width:800px; max-height:800px;}
.newsDate {clear:both;margin:0px auto;padding:10px 0px;text-align:center;line-height:20px; margin-bottom:15px; border:1px dashed #ccc;color:#777; font-size:12px;}
.newsDate a { color:#317de9;}
.newsDate a:hover { color:#317de9;}
.newsContent {clear:both;margin:0px auto;padding:0px; font-size:14px;color:#444;line-height:28px;word-wrap:break-word;word-break:normal; margin-bottom:15px;}
.newsContent img{ margin-bottom:10px; max-width:960px}
.newsContent ul,.newsContent ol{ margin:auto}
.newsContent ul li{list-style-type:disc}
.newsContent ol li{list-style-type:decimal;}

.prevNext {clear:both;margin:0px auto;border-top:dashed 1px #ccc;border-bottom:dashed 1px #ccc;height:60px;line-height:30px;color:#666;font-size:13px;-webkit-text-size-adjust:none; padding:10px 0px;}
.prevNext a {text-decoration:underline;}
.prevNext .prev { /*float:left;*/}
.prevNext .prev a { text-decoration:none;}
.prevNext .prev a:hover {color:#317de9; text-decoration:none;}
.prevNext .next { /*float:right;*/}
.prevNext .next a { text-decoration:none;}
.prevNext .next a:hover {color:#317de9; text-decoration:none;}


/*pro-detail*/
.pro-content { width:820px;  margin-top:20px; font-size:14px;}
.pro-detail { width:820px; overflow:hidden;}
.pro-detail .fl { max-width:380px; float:left;}
.pro-detail .fl img { max-width:370px; border:5px solid #ddd;}
.pro-detail .fr { width:420px; float:right; font-size:14px;}
.pro-detail .fr strong { font-weight:600; width:420px; display:block; font-size:17px; border-bottom:1px dashed #ddd; padding:7px 0px; margin-bottom:10px;}


/*feedback
.inner-feedback { width:820px; margin-top:20px; font-size:14px;}
.inner-feedback .feed_t{ width:341px; height:31px; background:#fff; border:none; line-height:31px; text-indent:12px; color:#656565; *text-indent:0; *width:339px; *padding-left:12px;}
.inner-feedback .feed_c{ width:321px; height:81px; background:#fff; border:none; padding:10px; color:#656565;}
.inner-feedback .feed_b{ width:84px; height:30px; background:#EE4547; color:#fff; text-align:center; border:none;}
*/
/*feedback*/
.inner-feedback { width:838px; margin-top:20px; font-size:14px; color:#2A3890; }
.inner-feedback .feed_t{ width:341px; height:31px; background:#fff; border:none; line-height:31px; text-indent:12px; color:#656565; *text-indent:0; *width:339px; *padding-left:12px;}
.inner-feedback .feed_c{ width:521px; height:81px; background:#fff; border:none; padding:10px; color:#656565;}
.inner-feedback .feed_b{ float:left; width:84px; height:30px; line-height:30px; background:#DDDFDF; color:#fff; text-align:center; border:1px solid #2A3890; border-radius:5px;color:#2A3890;}
.inner-feedback table{ margin:30px auto; background:#fff; border:1px solid #fff; border-radius:10px; overflow:hidden;}
.inner-feedback table td{ padding:15px 20px; background:#DDDFDF;}

.inner-feedback2 { width:480px;}
.inner-feedback2 .feed_t{ width:166px; height:31px; background:#3D3D3D; border:none; line-height:31px; text-indent:12px; color:#656565; *text-indent:0; *width:166px; *padding-left:12px; font-family: "Microsoft YaHei","Arial","SimHei";}
.inner-feedback2 .feed_c{ width:271px; height:88px; background:#3D3D3D; border:none; padding:10px; color:#656565;font-family: "Microsoft YaHei","Arial","SimHei";}
.inner-feedback2 .feed_b{ float:right; width:84px; height:24px; line-height:24px; background:#9ACC6C; color:#fff; text-align:center; border:1px solid #9ACC6C;}


.feedback {clear:both;margin:0px auto;padding:0px;margin:20px 0px 0px 0px;}
.submita {margin:16px auto;display:inline-block;padding:0 18px!important;line-height:22px;background:#ff9c00;border:0px;height:24px;color:#FFF;cursor:pointer;font-size:16px;}
.xh {color:#f00;padding:0 3px;}
#feedbackForm {margin:20px 0px 0px 0px;}
#feedbackForm .text {width:300px;height:26px;margin:10px 0px 0px 0px;font-size:12px;line-height:26px;padding:0px 0px 0px 5px;border:1px solid #CCC;}
#feedbackForm .lable {padding:10px 12px 0px 0px;line-height:30px;height:30px;text-align:right;}
#feedbackForm .atextarea {float:left;border:1px solid #CCC;height:100px;width:305px;ont-size:12px;margin-top:10px;line-height:24px;color:#666;}
#feedbackForm .smtcss {padding-right:112px;text-align:center;}
.table {border-collapse:collapse;}
.table td, .table th {border:1px solid #cdcdcd;padding:5px;}
.table p {padding:0px;margin:0px;}
.e_mobile {height:25px;line-height:25px; background: url( emobile1.png) 0px -51px no-repeat; padding-left: 25px;}


/*format table*/
.defcont .ke-zeroborder {border-collapse:collapse;}
.defcont .ke-zeroborder td, .table th {border:1px solid #cdcdcd;padding:5px; line-height:24px;}
.defcont .ke-zeroborder p {padding:0px;margin:0px;}

.online {
	width: 50px;
	z-index: 3;
	position: fixed;
	right: 0;
	top: 40%;
}
.online a {
	display: block;
	width: 42px;
	height: 45px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	border-bottom: 0px solid #fff;
	
}
/*.online a i img{ border-radius:5px;}*/
.online a:last-child {
	border-bottom: none;
}

.online a div{
	display: block;
	width: 160px;
	min-height: 24px;
	line-height:24px;
	padding:9px;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	background:#9ACC6D;
	position: absolute;
	right: 42px;
	top: 0px;
	z-index: 999;
	transition:1s all; 
	display: none;
	}
.online a div.wechat_show{ width:120px;}

	
.online a.online-4 div {
	display: block;
	width: 138px;
	height: 138px;
	border: 2px solid #33d055;
	position: absolute;
	right: 54px;
	top: 0px;
	z-index: 999;
	display: none;
}
.online a:hover {
}

.online a:hover div {
	display: block;transition:1s all; 
}
.online .wechat_con{	font-size:14px;
	font-weight:normal;
	font-style:normal;
 }


.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.blank1{margin:0px auto; clear:both; height:1px; font-size:1px; overflow:hidden;}
.blank8{margin:0px auto; clear:both; height:8px; font-size:1px; overflow:hidden;}
.blank10{margin:0px auto; clear:both; height:10px; font-size:1px; overflow:hidden;}
.blank15{margin:0px auto; clear:both; height:15px; font-size:1px; overflow:hidden;}
.blank20{margin:0px auto; clear:both; height:20px; font-size:1px; overflow:hidden;}
.blank25{margin:0px auto; clear:both; height:25px; font-size:1px; overflow:hidden;}
.blank30{margin:0px auto; clear:both; height:30px; font-size:1px; overflow:hidden;}
.blank40{margin:0px auto; clear:both; height:40px; font-size:1px; overflow:hidden;}
.blank45{margin:0px auto; clear:both; height:45px; font-size:1px; overflow:hidden;}
.blank50{margin:0px auto; clear:both; height:50px; font-size:1px; overflow:hidden;}
.blank60{margin:0px auto; clear:both; height:50px; font-size:1px; overflow:hidden;}